export default [
  {
    name: '第一部分：基本过渡',
    children: [
      {
        id: '09',
        name: '无过渡效果'
      },
      {
        id: '10',
        name: '普通过渡效果'
      },
      {
        id: '01',
        name: '自行实现的过渡效果'
      },
      {
        id: '08',
        name: '自行实现的过渡效果2'
      },
      {
        id: '11',
        name: '场景一：PC导航'
      },
      {
        id: '12',
        name: '场景二：移动端页面切换'
      },
      {
        id: '02',
        name: '文章例子一：简单过渡效果'
      },
      {
        id: '03',
        name: '文章例子二：多种属性同时过渡'
      },
      {
        id: '04',
        name: '文章例子三：CSS动画'
      },
      {
        id: '05',
        name: '文章例子四：自定义过渡的类名'
      },
      {
        id: '06',
        name: '文章例子五：显性的过渡持续时间'
      },
      {
        id: '07',
        name: '文章例子六：JavaScript 钩子'
      }
    ]
  },
  {
    name: '第二部分：进阶使用',
    children: [
      {
        id: '13',
        name: '多个元素过渡（无效）'
      },
      {
        id: '14',
        name: '多个元素过渡（有效）'
      },
      {
        id: '15',
        name: '多个元素过渡（key 属性）'
      },
      {
        id: '16',
        name: '过渡模式（mode 属性）'
      },
      {
        id: '17',
        name: '多个组件的过渡'
      },
      {
        id: '18',
        name: '列表过渡 - 进入/离开'
      },
      {
        id: '19',
        name: '列表过渡 - 排序过渡'
      },
      {
        id: '20',
        name: '列表过渡 - 交错过渡'
      },
      {
        id: '21',
        name: '列表过渡 - 多维网格'
      },
      {
        id: '22',
        name: '可复用的过渡'
      },
      {
        id: '23',
        name: '动态过渡'
      }
    ]
  },
  {
    name: '第三部分：状态过渡与源码解析',
    children: [
      {
        id: '24',
        name: '状态过渡：数字动画'
      },
      {
        id: '25',
        name: '状态过渡：颜色动画'
      },
      {
        id: '26',
        name: '状态过渡：可控变量过渡'
      },
      {
        id: '27',
        name: '提取到专用组件'
      },
      {
        id: '28',
        name: '跟着鼠标移动的瓦力机器人'
      }
    ]
  }
];
